我的保健小幫手看起來是什麼樣子？
因為之前都只有文字和架構圖，所以今天我想先把畫面做出來。

一、首頁

首頁是使用者打開保健小幫手後第一個看到的地方，所以我希望不要塞太多東西，而是讓使用者可以很快看到今天的重要資訊。

目前我規劃首頁會有：

• 📅 今天的日期
• 💊 今日用藥
• 💧 今日喝水
• 😴 昨晚睡眠
• 📝 今日狀況

另外最下面會放一個導覽列，讓使用者可以快速切換不同頁面。

二、我希望首頁的使用方式

目前我想像的操作方式是：

打開 App 後，先看到今天的日期。

接著可以直接看到今天有哪些用藥。

例如：

08:00 藥物 A　✅ 已完成
20:00 藥物 B　⏰ 待完成

再往下可以看到喝水和睡眠紀錄。

如果今天想記錄自己的狀況，也可以直接在首頁輸入。
這樣使用者不用每一個功能都點進去才能看到基本資訊。

三、我請 ChatGPT 幫我畫首頁草圖

今天我也想試試看 ChatGPT 的圖像功能。

因為我自己目前還不太會設計 UI，所以我直接把需求告訴 ChatGPT，請它幫我把首頁的想法視覺化。

**我下的 Prompt：

「根據我目前規劃的 AI 保健小幫手功能與架構 設計一份首頁 UI 草圖
首頁呈現今日日期、今日用藥、喝水紀錄、睡眠紀錄與每日狀況
並加入底部導覽列 切換首頁、用藥管理、健康紀錄與 AI 小助手
整體介面簡潔、清楚、容易操作 以適合初學者實作的方式設計
請先以 UI 草圖呈現，不需要撰寫程式碼。」

四、今天實際完成的成果

今天實際完成了一張「保健小幫手首頁 UI 草圖」。

五、畫完之後我發現的問題

原本以為只要把功能全部放到首頁就好了，但真的把畫面畫出來之後，才發現東西太多的話，首頁變得很亂，我還需要考慮：

• 哪些資訊一定要放首頁？
• 哪些東西應該放到其他頁面？
• 按鈕要多大才方便操作？
• 怎麼讓第一次使用的人也看得懂？

這是今天畫草圖之後才真正發現的問題。

六、目前完成到哪裡？

想法
 ↓
功能規劃
 ↓
系統架構
 ↓
首頁 UI 草圖

明天要做什麼？

Day 6｜建立第一個版本

明天我要開始建立保健小幫手的第一個版本，先把基本的網頁架構和首頁做出來。
也就是從今天的「草圖」開始變成真正可以在瀏覽器裡看到的畫面。